/**
 * 主内容区域样式
 */

.main-content {
  flex: 1;
  margin-left: var(--sidebar-width);
  transition: margin-left 0.3s ease;
  
  .sidebar-collapsed & {
    margin-left: var(--sidebar-collapsed-width);
  }
}

.content {
  padding: 2rem;
  min-height: calc(100vh - var(--header-height));
}

// 响应式调整
@media (max-width: 576px) {
  .content {
    padding: 1rem;
  }
} 